@import "../../_common/commonfunc"

page
  background: #f5f5f5
.boxer
  overflow: initial
.aa
  margin: 30rpx
  display: block
  position: relative
  z-index: 1
  &:last-child
    margin-bottom: 50rpx
    padding-bottom: 50rpx
.boxer-custom-nav
  text-align: center
  height: var(--height)
  padding-top: var(--paddingTop)
  line-height: 'calc(%s - %s)' % (var(--height) var(--paddingTop))
  box-sizing: border-box
  position: fixed
  top: 0
  width: 100%
  z-index: 2
  .item-dot
    font-size: 20rpx!important
    color: fade-out(#fff, .2)!important
    position: absolute
    left: 30rpx
    bottom: 0


.click-item
  .demo-item-body
    background: #FAFBFF;
    box-shadow: inset 0rpx -10rpx 20rpx 0rpx rgba(0, 0, 0, 0.05), inset 0rpx 10rpx 20rpx 0rpx rgba(0, 0, 0, 0.05);
    display: none
    // transition: all .5s 
  &.active
    .demo-item-body
      display: block
    .head
      border-bottom-color: transparent
  &:last-child
    .card-list-item.head
      border-bottom: none

.card-list-item
  .item-pic
    height: 150rpx

.lh40
  line-height: 40rpx

.mt15
  margin-top: 15rpx

.mb5
  margin-bottom: 5rpx
.mt5
  margin-top: 5rpx

.pb-default
  padding-bottom: 30rpx


.p-list
  background: #fff;
  padding: 30rpx 0 30rpx 20rpx;
.p-item
  margin-top: 30rpx
  background: #fff
  ss-display-flex(row nowrap, flex-start)
  overflow: hidden
  &:first-child
    margin-top: 0
  .item-pic
    flex: 1
    image
      width: 240rpx
      height: 100%
      border-radius: 10rpx
  .item-title
    font-weight: bold
  .item-content
    flex-grow: 1
    padding: 10rpx 20rpx
  .mb-6-r
    margin-bottom: 6rpx
  .mr-6-r
    margin-right: 6rpx
  .size10
    font-size: 10px
  .size12
    font-size: 12px
  .mr-10-r
    margin-right: 10rpx
  [class*='tag']
    display: inline-block
